<template>
	<pay-button :mode="2" :goods-type="1" goods-id="477" @getgoodsinfo="usePaybutton.getGoodsInfo"
		@placeorder="usePaybutton.userLogin" @pay="usePaybutton.onPay" @error="usePaybutton.onError" />
</template>

<script setup>
	import {
		reactive
	} from 'vue';
	const usePaybutton = reactive({
		onPay: (event) => {
			console.log('pay', event)
			const {
				status,
				orderId,
				outOrderNo,
				result
			} = event.detail;
			if (status === 'success') {
				const {
					code
				} = result;
				if (code === 0) {
					// 支付成功
				} else {
					// 支付失败（超时、取消、关闭）
				}
			} else {
				const {
					errMsg
				} = result;
			}
		},
		getGoodsInfo: (event) => {
			console.log('GoodsInfo1', event)
			// const {
			// 	goodsId
			// } = event.detail;
			// return new Promise(resolve => {
			// 	// 在此处开发者可以进行商品数据请求，获取商品信息 
			// 	// 然后将商品信息传入 resolve 函数 
			// 	resolve({
			// 		currentPrice: 9900,
			// 		goodsName: '循礼门M+丨【释集烤肉】99元  原价206.4元超值套餐',
			// 		goodsPhoto: `https://p11.douyinpic.com/img/aweme-poi/product/spu/c050
			// 		          f399ac447daf2715e11e6976c2e2~noop.jpeg?from=3303174740`,
			// 		goodsLabels: [{
			// 			type: 'EXPIRED_RETURNS'
			// 		}, // 过期退 
			// 		{
			// 			type: 'REFUND_ANYTIME'
			// 		}, // 随时退 
			// 		{
			// 			type: 'BOOK_IN_ADVANCE',
			// 			value: 2
			// 		} // 提前2日预约 
			// 		],
			// 		minLimits: 1,
			// 		maxLimits: 2,
			// 		dateRule: '周一至周日可用',
			// 		relationType: 1,
			// 		validation: {
			// 			// phoneNumber: {
			// 			// 	required: true // 手机号是否必填, 为 true则必填，false选填，默认选填 
			// 			// },
			// 			// reservationType: 1,
			// 			// reservationCount: 2,
			// 		},
			// 		extra: {},
			// 		tradeOption: {
			// 			life_trade_flag: 1, // 0：非融合链路（默认值）  1：走融合链路（标准融合/完全融合）
			// 			is_use_tag: true // 泛知识是否接入交易规则，true：接入 false：不接入（默认值） 
			// 		},
			// 		// 在 bind:getgoodsinfo 返回的 promise 的 resolve 函数中新增 marketingVersion 字段 
			// 		marketingVersion: 2,
			// 	});
			// });



			return new Promise(resolve => {
				// 在此处开发者可以进行商品数据请求，获取商品信息 
				// 然后将商品信息传入 resolve 函数 
				resolve({
					minLimits: 1,
					maxLimits: 2,
					dateRule: '周一至周日可用',
					relationType: 1,
					validation: {
						phoneNumber: {
							required: true // 手机号是否必填 
						},
						reservationType: 1,
						reservationCount: 2,
					},
					// 在 bind:getgoodsinfo 返回的 promise 的 resolve 函数中新增 marketingVersion 字段 
					marketingVersion: 2,
				});
			})
		},

		userLogin: (event) => {
			console.log('Login', event)
			const {
				goodsId,
				goodsType
			} = event.detail
			return new Promise((resolve, reject) => {
				tt.login({
					success() {
						// 用户登录成功并获取信息，则调用 resolve 函数，跳转至提单页
						resolve();
					},
					fail() {
						// 用户登录失败，则跳转提单页失败
						reject();
					}
				});
			});
		},

		onError: (event) => {
			console.log('onError', event)
			const {
				errNo,
				errMsg
			} = event.detail
		}
	})
</script>

<style>
</style>